<template>
  <div>
    <div class="div1">
      <div>不需要发票</div>
      <input type="checkbox" checked class="input" >
    </div>
    <div class="div2" @click="sumbmit">确定</div>
  </div>
</template>
<script>
export default {
  name:"fapiao",
  data() {
    return {
      checked: true,
    };
  },
  methods: {
    sumbmit() {
      this.$router.push({name: 'commitOrder'});
    }
  },
  beforeRouteEnter(to, from, next) {
      next(vm => {
        vm.$store.commit("changeTitle", "选择发票抬头");
      });
    },
};
</script>
<style lang="less" scoped>
  .div1{
    padding: 0.4rem;
    justify-content: space-between;
    display: flex;
    font-size: 0.5rem;
    background-color: white;
    margin-top: 0.3rem;
  }
  .div2{
    background-color: #4cd964;
    font-size: .6rem;
    color: #fff;
    text-align: center;
    margin: 0 .7rem;
    border-radius: .2rem;
    margin-top: .5rem;
    padding: 0.2rem 0;
  }
  .input{
    height: 20px;/*no*/
    width: 20px;/*no*/
    margin-top: 0.1rem;
  }
</style>